<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="Welcome, App_Web_kim3uyhp" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">

     
        
        
        
    <%--  <script type="text/javascript" src="fusioncharts/fusioncharts.charts.js"--%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">

   <style>
       #MainContent_chtCategoriesProductCountBarChart
       {
           width:100% !important;
       }
       #MainContent_Chart1
       {
         width:100% !important;  
       }
   .config-btn {
    position: fixed;
    right: 0px;
    top: 163px;
    z-index: 8000;
    background: #fff;
    width: 20px;
    height: 30px;
}
.md-settings {
    font-size: 15px;
    padding-left: -40px;
    position: relative;
    left: -10px;
    top: -2px;
}
.collapse1 {
    position: fixed;
    right: 0px;
    top: 193px;
    z-index: 800;
    background: #fff;
    width: 290px;
    padding: 12px;
    border-radius: 4px;
    box-shadow: 0px 1px 7px 2px #00000036;
    padding-top: 0px !important;
}
.tab-content
{
    padding-top:20px;
}
.nav-tabs {
    border-bottom: 2px solid #e0e0e0;
    padding-top: 10px;
    padding-bottom: 0px;
}
.nav-tabs .active
{
  border-bottom: 2px solid #3949ab; 
  position: relative;
    top: 3px; 
}
.nav-tabs li a
{
     position: relative;
    top: 3px;
    color: #757575;  
    font-size:15px; 
}
 .active
{
 color:#3949ab !important;
}
.nav-tabs li
{
    font-size:18px;
  
}
.container-fluid .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
    margin-top: -20px;
    padding: 1px;
    padding-left: 10px;
    height: 33px;
    padding-top: -25px;
}
.container-fluid .card-title1 {
    color: #fff;
    padding-top: -3px;
    position: relative;
    top: 0px;
    font-size: 16px;
}
#MainContent_chtCategoriesProductCountBarChart
{
    height:150px !important;
}
.container-fluid .card-stats .card-header.card-header-icon i {
    font-size: 34px;
    line-height: 40px;
    width: 42px;
    height: 42px;
    text-align: center;
}
.container-fluid .card
{
    margin-top:0px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 8px;
    vertical-align: middle;
    border-color: #ddd;
}
.checkbox-custom label, .radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 300;
    cursor: pointer;
    color: #757575;
}
.content {
  height: 100%;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}
#MainContent_GridView1 tr th
{
    background:#fff !important;
    border:1px solid #ddd !important;
    color:#000 !important;
    font-weight:600 !important;
}
#MainContent_Grid1 tr th
{
      background:#fff !important;
    border:1px solid #ddd !important;
    color:#000 !important;
    font-weight:600 !important;  
}
.label-message
{
    background:red;
    color:#fff;
    padding:6px;
    position:fixed;
    bottom:0px;
    width:auto;
}
@media (min-width:0px) and (max-width: 767px) 
{
img#MainContent_chtCategoriesProductCountBarChart {
    height: 150px !important;
    width: 100% !important;
}

.container {

    max-width: width !important;
    margin-left: 0px !important;
    margin-top: -76px;

}
.site-menubar {

    position: fixed;
    top: 66.01px;
    z-index: 1400;
    width: 30%;
    height: 100%;
    height: -webkit-calc(100% - 66.01px);
    height: calc(100% - 66.01px);
    font-family: Roboto,sans-serif;
    color: rgba(117,117,117,.9);
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    left: 130px;

}
}
   
   </style> 
<script>
    function scrollDown() {
        document.getElementById('MainContent_GridView1').scrollTop = document.getElementById('MainContent_GridView1').scrollHeight
    }
</script>
    <br />
    <asp:Timer ID="Timer1" runat="server" Interval="59000" OnTick="Timer1_Tick" Enabled="False">
    </asp:Timer>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
        </Triggers>
        <ContentTemplate>
         <div class="main-panel">
            <div id="page-wrapper">
                <div class="container"    id="abc" runat="server">
             
                    <!-- Page Heading -->
                    <div class="row">
                        <div class="col-lg-12" style="margin-top: 40px;">
                            <%-- <ol class="breadcrumb">
                            <li class="active">
                                <i class="fa fa-dashboard"></i> Dashboard
                            </li>
                        </ol>--%>
                        </div>
                    </div>
                    <!-- /.row -->
                    <div class="row" style="margin-top:65px;">

                            <div class="col-lg-3 col-md-6">
                                                    <div class="card card-stats"  id="color_te" runat="server">
                                        <div class="card-header card-header-success card-header-icon">
                                          <div class="card-icon" id="color_icon_te" runat="server">
                                            <i class="fa fa-users fa-5x"></i>
                                          </div>
                               
                                          <h3 class="card-title"><asp:Label ID="lbltotalemp" runat="server" Text="0"></asp:Label></h3>
                                        </div> 
                                        <div class="row text-center" style="font-size:17px; margin-left:auto; margin-right:auto;"> <p class="card-category"> <asp:Label ID="txtTotalEmployees" runat="server" Text="Total Employee"></asp:Label></p></div>   
                                        <div class="card-footer">
                                          <div class="stats">
                                            <a href="EmployeeList.aspx">
                                            <i class="fa fa-arrow-circle-right"></i>  <asp:Label ID="txtViewDetails2" runat="server" Text="View Details"></asp:Label>
                                            </a>
                                          </div>
                                        </div>
                                      </div>
                       
                        </div>
                                            <div class="col-lg-3 col-md-6">
                                               <div class="card card-stats" id="color_tpe" runat="server">
                                    <div class="card-header card-header-icon" >
                                      <div class="card-icon"  id="color_icon_tpe" runat="server">
                                        <i class="fa fa-user fa-5x"></i>
                                      </div>
                                     
                                      <h3 class="card-title"> <asp:Label ID="LblPresent" runat="server" Text="0"></asp:Label>
                             
                                      </h3>
                                    </div>
                                    <div class="row text-center" style="font-size:17px; margin-left:auto; margin-right:auto;"> <p class="card-category"><asp:Label ID="txtTotalPresentEmployees" runat="server" Text="Total Present Employees"
                                                    Visible="true"></asp:Label></p></div>
                                    <div class="card-footer">
                                      <div class="stats">
                                      <a href="DailyPresentEmployee.aspx">
                                       <i class="fa fa-arrow-circle-right"></i>
                                         <asp:Label ID="txtViewDetails1" runat="server" Text="View Details"></asp:Label>
                                       </a>
                                      </div>
                                    </div>
                                  </div>
                         
                        </div>
                
                        <div class="col-lg-3 col-md-6">

                                                    <div class="card card-stats" id="color_tae" runat="server">
                                        <div class="card-header card-header-danger card-header-icon">
                                          <div class="card-icon" id="color_icon_tae" runat="server" >
                                            <i class="fa fa-users fa-5x"></i>
                                          </div>
   
                                          <h3 class="card-title"> <asp:Label ID="LblAbsent" runat="server" Text="0"></asp:Label></h3>
                                        </div>
                                        <div class="row text-center" style="font-size:17px; margin-left:auto; margin-right:auto;">  <p class="card-category"><asp:Label ID="txtTotalAbsentEmployees" runat="server" Text="Total Absent Employee"></asp:Label></p></div>
                                        <div class="card-footer">
                                          <div class="stats">
                                             <a href="DailyAbsentEmployee.aspx">
                                            <i class="fa fa-arrow-circle-right"></i> <asp:Label ID="txtViewDetails3" runat="server" Text="View Details"></asp:Label>
                                            </a>
                                          </div>
                                        </div>
                                      </div>
                                    
                        </div>
                                                <div class="col-lg-3 col-md-6">
                                                        <div class="card card-stats" runat="server" id="color_tle">
                                        <div class="card-header card-header-info card-header-icon">
                                          <div class="card-icon" id="color_icon_tle" runat="server">
                                            <i class="fa fa-user fa-5x"></i>
                                          </div>
                                          <h3 class="card-title"><asp:Label ID="LblLAteArrival" runat="server" Text="0"></asp:Label></h3>
                                        </div>
                                        <div class="row text-center" style="font-size:17px; margin-left:auto; margin-right:auto;">  <p class="card-category"><asp:Label ID="txtTotalLateEmployees" runat="server" Text="Total Late Employee"></asp:Label></p></div>
                                        <div class="card-footer">
                                          <div class="stats">
                                          <a href="DailyLateEmployee.aspx">
                                            <i class="fa fa-arrow-circle-right"></i> <asp:Label ID="txtViewDetails4" runat="server" Text="View Details"></asp:Label>
                                            </a>
                                          </div>
                                        </div>
                                      </div>
                           
                    </div>
                    </div>
                    <!-- /.row -->
                    <div class="row">
                       <div class="col-lg-6">
                        <div class="card">
                <div class="card-header card-header-warning" style="background: linear-gradient(60deg, #26c6da, #00acc1) !important;">
                  <h4 class="card-title1">  <i class="fa fa-bar-chart-o fa-fw"></i>
                                        <asp:Label ID="lblDepartmentAttendanceChart" runat="server" Text="Department Attendance Chart "></asp:Label><a
                                            href="GenrateErrorSift.aspx">
                                            <asp:LinkButton ID="LinkButton1" runat="server" Visible="False" OnClick="LinkButton1_Click"
                                                PostBackUrl="~/GenrateErrorSift.aspx"></asp:LinkButton></a></h4>
                 
                </div>
                <div class="card-body">
                       </asp:Chart>
                                    <asp:Chart ID="Chart1" runat="server" Height="150px" Width="500px">
                                        <Series>
                                            <asp:Series Name="Series1">
                                            </asp:Series>
                                        </Series>
                                        <ChartAreas>
                                            <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                                            </asp:ChartArea>
                                        </ChartAreas>
                                    </asp:Chart>
                </div>
              </div>
              </div>
                           
                        <div class="col-lg-6">
                         <div class="card">
                <div class="card-header card-header-warning" style="background: linear-gradient(60deg, #ef5350, #e53935) !important;">
                  <h4 class="card-title1">   <i class="fa fa-bar-chart-o fa-fw"></i>
                                        <asp:Label ID="lblDepartmentwiseAbsentChart" runat="server" Text="Department wise Absent Chart"></asp:Label><a
                                            href="SiftNotGenrate.aspx">
                                            <asp:LinkButton ID="LinkButton2" runat="server" Visible="False" PostBackUrl="~/SiftNotGenrate.aspx"></asp:LinkButton></a></h4>
                 
                </div>
                <div class="card-body">
        <center>
                                        <asp:Chart ID="chtCategoriesProductCountBarChart"  Width="500px" runat="server" Height="180px">
                                        <Titles>
                                            <asp:Title Text="Department wise Absent Chart">
                                            </asp:Title>
                                        </Titles>
                                        <Series>
                                            <asp:Series Name="Categories" ChartType="Line" ChartArea="MainChartArea" BorderWidth="5"
                                                Color="Red">
                                            </asp:Series>
                                        </Series>
                                        <ChartAreas>
                                            <asp:ChartArea Name="MainChartArea">
                                            </asp:ChartArea>
                                        </ChartAreas>
                                    </asp:Chart>
                                   </center>
                </div>
              </div>
                        </div>
                    </div>
                    <!-- /.row -->
                    <div class="row  row-flex">
                        <div class="col-lg-6">

                          <div class="card content" style="margin-bottom:0px">
                <div class="card-header card-header-warning" style="background: linear-gradient(60deg, #ffa726, #fb8c00) !important;">
                  <h4 class="card-title1"><i class="fa fa-eye fa-fw"></i>
                                        <asp:Label ID="txtTodayMachineConnectionStatus" runat="server" Text="Today's Machine Connection Status."></asp:Label></h4>
                 
                </div>
                <div class="card-body table-responsive" style="font-size:12px;">
                    <asp:GridView ID="Grid1" runat="server" AutoGenerateColumns="false" CssClass="table table-hover">
                                            <Columns>
                                                <asp:BoundField DataField="S.N." HeaderText="S.N." SortExpression="Dept_Description">
                                                    <ItemStyle CssClass="gItmTxt" Height="21px" HorizontalAlign="Left" Width="400px"
                                                        Wrap="true" />
                                                    <HeaderStyle CssClass="tdsubcellheadingfont"  Height="21px" HorizontalAlign="Left"
                                                        Width="400px" Wrap="False" />
                                                    <FooterStyle Width="400px" Wrap="False" />
                                                </asp:BoundField>
                                                <asp:BoundField DataField="machineno" HeaderText="Machine-No" SortExpression="Dept_Description">
                                                    <ItemStyle CssClass="gItmTxt" Height="21px" HorizontalAlign="Left" Width="400px"
                                                        Wrap="true" />
                                                    <HeaderStyle CssClass="tdsubcellheadingfont"  Height="21px" HorizontalAlign="Left"
                                                        Width="400px" Wrap="False" />
                                                    <FooterStyle Width="400px" Wrap="False" />
                                                </asp:BoundField>
                                                <asp:BoundField DataField="Location" HeaderText="Location" SortExpression="Dept_Description">
                                                    <ItemStyle CssClass="gItmTxt" Height="21px" HorizontalAlign="Left" Width="400px"
                                                        Wrap="true" />
                                                    <HeaderStyle CssClass="tdsubcellheadingfont"  Height="21px" HorizontalAlign="Left"
                                                        Width="400px" Wrap="False" />
                                                    <FooterStyle Width="400px" Wrap="False" />
                                                </asp:BoundField>
                                                <asp:BoundField DataField="totalpunch" HeaderText="Total Log-Downloaded" SortExpression="Dept_Description">
                                                    <ItemStyle CssClass="gItmTxt" Height="21px" HorizontalAlign="Left" Width="400px"
                                                        Wrap="true" />
                                                    <HeaderStyle CssClass="tdsubcellheadingfont"  Height="21px" HorizontalAlign="Left"
                                                        Width="400px" Wrap="False" />
                                                    <FooterStyle Width="400px" Wrap="False" />
                                                </asp:BoundField>
                                                <asp:BoundField DataField="LastStatus" HeaderText="Last-OnLine Status" SortExpression="Dept_Description">
                                                    <ItemStyle CssClass="gItmTxt" Height="21px" HorizontalAlign="Left" Width="400px"
                                                        Wrap="true" />
                                                    <HeaderStyle CssClass="tdsubcellheadingfont" Height="21px" HorizontalAlign="Left"
                                                        Width="400px" Wrap="False" />
                                                    <FooterStyle Width="400px" Wrap="False" />
                                                </asp:BoundField>
                                            </Columns>
                                        </asp:GridView>
                </div>
              </div>
                 
                        </div>
                        <div class="col-lg-6">
                            <div class="card content" style="margin-bottom:0px">
                <div class="card-header card-header-warning" style="background: linear-gradient(60deg, #66bb6a, #43a047) !important;">
                  <h4 class="card-title1">  <i class="fa fa-eye-slash fa-fw"></i>&nbsp; <asp:Label ID="txtLastMachineConnectionStatus" runat="server" Text="Last Machine Connection Status."></asp:Label></h4>
        
                </div>
                <div class="card-body table-responsive" style="font-size:12px;">
             
                                               <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="table  table-hover">
                                            <Columns>
                                                <asp:BoundField DataField="MachineNo" HeaderText="Machine-No" SortExpression="MachineNo" />
                                                <asp:BoundField DataField="MachineType" HeaderText="Machine Type" />
                                                <asp:BoundField DataField="MachineIp" HeaderText="Machine Serial No" />
                                                <asp:BoundField DataField="Branch_name" HeaderText="Branch Name" />
                                                <asp:BoundField DataField="LastOnline" HeaderText="Last-OnLine" />
                                            </Columns>
                                        </asp:GridView>
                
                </div>
              </div>
                       
                        </div>
                    </div>
                   
                    </div>
               </div>
               </div>

              <!--------panel----------->
               
    <div class="row">
                    <div class="col-lg-5"></div>
                    <div class="col-lg-7">
                    <div class="label-message123" id="lblmsg"  runat="server"  style="position:fixed;right:10px; bottom:0px;background: #e5e5e5; z-index:10;border-radius:4px;width:16.5%;
   box-shadow: 5px 5px 5px 5px #0000005c;
   border:2px solid #ff4800;">
                     <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"
            ViewStateMode="Enabled">
   <ContentTemplate>
   <script type="text/javascript">

       function play() {
           var audio = new Audio(
'http://vtmsrealtime.com/images/Temprature.wav');
           audio.play();
       } 
</script>
             
  <table class="table table-bordered" style="margin-top:0px" id="gg"  runat="server" visible="false">
            <tbody>
           <tr>
           <td style="width:50%"> <asp:Image ID="Image1" runat="server" CssClass="img12"  Height="140px" Width="120px"/></td>
            <td colspan="5">
            <p style="font-weight:bold; font-size:20px; color:Green; text-align:center"></p>

<span style="font-size:25px; font-weight:900;  margin-top:-15px; position: relative; top:0px; left:10px; text-align:center">
    <asp:Label ID="lblbodytemp" runat="server" Text=""></asp:Label></span>
    <p style="font-weight:bold; font-size:24px; color:green; position: relative; top:-5px; text-align:center">
    
         <asp:Label ID="lbltempraturestatus" runat="server" Text=""></asp:Label>

        <asp:Label ID="lblvisitorno" runat="server" ForeColor="#0000CC" ></asp:Label>
    </p>
            </td>
           </tr>
           <tr style="display:none">
           <td colspan="2">
           <div style=" background:#ff4800; color:#fff;padding: 0px;position: relative;top: -20px;">
    <asp:Label ID="lblremark" runat="server" Visible="False" Font-Bold="True" 
        Font-Size="16pt" ForeColor="White"></asp:Label>
        </div>
           </td>
           </tr>
            <tr style="display:none">
            <td><b>Gender:</b></td>
            <td style="font-weight:700"> <asp:Label ID="lblgender" runat="server" Text="" CssClass="text-bold"></asp:Label></td>
           
            </tr>
            <tr>
             <td><b>Time:</b></td>
            <td>
                <asp:Label ID="lbltime" runat="server" Text="" CssClass="text-bold"></asp:Label>
                </td>
            </tr>
            <tr>
            <td><b>Date:</b></td>
            <td>
                <asp:Label ID="txtdate" runat="server" Text="" CssClass="text-bold"></asp:Label></td>
            </tr>
            <tr>
                        <td><b>Machine</b></td>
            <td><span style="padding:7px; border-radius:4px font-weight:900">
                <asp:Label ID="lblgateName" runat="server" Text="" CssClass="text-bold"></asp:Label> </span></td>
   
            </tr>
             
            </tbody>
            
            </table>
            </ContentTemplate>
   <Triggers>
      <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
   </Triggers>
</asp:UpdatePanel>
<asp:Timer ID="Timer2" runat="server" Interval="3000" OnTick="Timer2_Tick">
</asp:Timer>

                        <asp:HyperLink ID="Lblsub" runat="server" visible="true"></asp:HyperLink >   </div>
                    </div>
                    </div>
               <!--------End  Panel------>


         <!------Collapse------->
   <div class="card1" style="display:none;">
  <button type="button" class="btn config-btn" data-toggle="collapse" data-target="#demo"><i class="icon md-settings primary-600"></i></button>
  <div id="demo" class="collapse collapse1">

  <!------tab----->
  <ul class="nav nav-tabs" >
  <li  style="font-size:17px; border-right: 2px solid #e0e0e0; padding-right: 10px;"><a data-toggle="tab" href="#home">Menu Bar</a></li>
  <li style="margin-left:9px; font-size:17px;"><a data-toggle="tab" href="#menu1">Change Color Theme</a></li>
</ul>

<div class="tab-content">
  <div id="home" class="tab-pane active">
  
    
         <div class="radio-custom radio-dark"> <asp:RadioButton ID="RDVertical" runat="server" AutoPostBack="True" Text="Vertical"  Checked="true" GroupName="dd"
          oncheckedchanged="btnVertical_Click" /></div>
 
            <div class="radio-custom radio-dark"> <asp:RadioButton ID="RdHorzental" runat="server" AutoPostBack="True"  Text="Horizontal" GroupName="dd"
          oncheckedchanged="btnHorzental_Click" /></div>
  </div>
  <div id="menu1" class="tab-pane">
      <asp:DropDownList ID="cbocolor" runat="server" AutoPostBack="True" 
          onselectedindexchanged="cbocolor_SelectedIndexChanged" CssClass="form-control">
             <asp:ListItem Value="Select Color">Select Color</asp:ListItem>
          <%--   <asp:ListItem Value="site-menubar site-menubar1">Default theame</asp:ListItem>--%>
          <asp:ListItem Value="site-memubar-green">Green</asp:ListItem>
          <asp:ListItem Value="site-memubar-red">Red</asp:ListItem>
          <asp:ListItem Value="site-memubar-blue">Blue</asp:ListItem>   
          <asp:ListItem Value="site-memubar-pink">Pink</asp:ListItem>
           <asp:ListItem Value="site-memubar-orange">Orange</asp:ListItem>
           <asp:ListItem Value="site-memubar-black">Black</asp:ListItem>
           <asp:ListItem Value="site-memubar-darkviolet">Darkviolet</asp:ListItem>
           <asp:ListItem Value="site-memubar-magenta">Magenta</asp:ListItem>
           <asp:ListItem Value="site-memubar-purple">Purple</asp:ListItem>
           <asp:ListItem Value="site-memubar-indigo">Indigo</asp:ListItem>
         
      </asp:DropDownList>
  </div>
</div>
  <!------End tab----->

 
 
    
      
  </div>
  
  </div>
 <!-----End Collapse----->
              
                    
                    <!-- jQuery -->
                    <!-- Morris Charts JavaScript -->
                    <AjaxControlToolkit:AnimationExtender ID="MyExtender" runat="server" TargetControlID="MyPanel">
                        <Animations>
    <OnClick>
      <FadeOut Duration=".5" Fps="20" />
    </OnClick>
                        </Animations>
                    </AjaxControlToolkit:AnimationExtender>
                    <asp:Panel ID="MyPanel" runat="server" OnUnload="MyPanel_Unload">
                        <asp:Label ID="msg1" runat="server"></asp:Label>
                    </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" Height="16px"
        Width="16px" />



          
          
     <script src="js/jquery-1.8.3.min.js"
       type="text/javascript"></script>
</asp:Content>
